<template>
    <u-navbar 
        :is-fixed="fixed" 
        :title-color="color" 
        :back-icon-color="backcolor"
        title-size="36"
        :border-bottom="false" 
        :is-back="back"  
        :title="title" 
        :background="background"
        class="my-head"
    >
        <slot></slot>
    </u-navbar>
</template>

<script>
export default {
    props:{
        title:{
            type:String,
            default:""
        },
        fixed:{
            type:Boolean,
            default:true
        },
        color:{
            type:String,
            default:"#fff"
        },
        back:{
            type:Boolean,
            default:false
        },
        backcolor:{
            type:String,
            default:"#fff"
        },
        background:{
            type:Object,
            default:{
                backgroundColor:'#123456'
            }
        }
    },
    data(){
		return {
			background1:{
				backgroundColor:'transparent'
			}
		}
	},
}
</script>

<style lang="scss" >

.my-head{
    position: fixed;
    z-index:1000;
}


</style>
